<template>
	<div class="page">
		<a-pagination
			show-size-changer
			:default-current="1"
			:total="500"
			@showSizeChange="onShowSizeChange"
		/>
	</div>
</template>

<script>
export default {
	name: 'Page',
	data() {
		return {
			pageSize: 20,
			current: 4,
		}
	},
	methods: {
		onShowSizeChange(current, pageSize) {
			console.log(current, pageSize);
		},
	}
}
</script>

<style lang="less" scoped>
.page {
	color: orange;
}
</style>
